<!--查看评审标准管理-->
<template>
  <div class="wrapper-container">
    <div class="table-container table-css">
        <el-table :data="tableData" border style="width: 100%" class="table-data" :span-method="objectSpanMethod" :header-cell-style="{background:'#edf2f9','border-color': '#c7d7eb'}" :cell-class-name="cellClsNm">
            <el-table-column prop="key0" label="" align="center" min-width="150"> 
              <template slot-scope="scope">{{scope.row.key0}}</template>
            </el-table-column>
            <el-table-column prop="key1" label="评审内容" align="center" min-width="150"> </el-table-column>
            <el-table-column prop="key2" label="评审权重" align="center" min-width="150"> </el-table-column>
            <el-table-column label="评审标准" align="center">
                <el-table-column prop="k3" label="A级（80-100分）" align="center" min-width="250"> 
                  <template slot-scope="scope">{{scope.row.key3}}</template>
                </el-table-column>
                <el-table-column prop="k4" label="B级（60-80分）" align="center" min-width="250"> </el-table-column>
                <el-table-column prop="k5" label="C级（40-60分）" align="center" min-width="250"> </el-table-column>
                <el-table-column prop="k6" label="D级（0-40分）" align="center" min-width="250"> </el-table-column>
            </el-table-column>
        </el-table>
    </div>
  </div>
</template>

<script>
// import {dataConfigList,copyConfig} from "@/api/teachingTopic";
import grade from './grade.vue'
export default {
  data() {
    return {
      tableData: [
        {key0:'大学评审标准',key1:'评审内容',key2:'评审权重',key3:'A级(80-100)',key4:'B级(60-80)',key5:'C级(40-60)',key6:'D级(0-40)'}, ],
    };
  },
  mounted(){
    // this.initList();
  },
  methods: {
    objectSpanMethod({ row, column, rowIndex, columnIndex }) {
        if (columnIndex === 0) {
          if (rowIndex % this.tableData.length === 0) {
            return {
              rowspan: this.tableData.length,
              colspan: 1
            };
          } else {
            return {
              rowspan: 0,
              colspan: 0
            };
          }
        }
    },
    //初始化表格
    async initList(){
      let res = await dataConfigList() ;
      if(res.code == 200){
        this.tableData = tableData;
      }
    },
    cellClsNm({column}){
      if(column.label == ''){
        return 'bac-color'
      }
    },
  },
};
</script>
<style lang="less" scoped>
.table-css {
  margin-top: 30px;
 /deep/ .el-table td,
  .el-table th.is-leaf,
  .el-table--border,
  .el-table--group {
    border-color: #c7d7eb;
  }

  /deep/.el-table__header tr,
  .el-table__header th {
    padding: 0;
    height: 76px;
    background-color: #edf2f9;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    line-height: 20px;
    color: #004ca7;
  }

  /deep/.el-table__body tr,
  .el-table__body td {
    padding: 0;
    height: 86px;
  }
 /deep/ .el-table__footer-wrapper td {
    padding: 0;
    height: 86px;
  }
  /deep/.el-table thead.is-group th.el-table__cell{
    border-color: #c7d7eb;
  }
 /deep/ .el-table--border th, .el-table__fixed-right-patch{
    border-color: #c7d7eb;
  }
}
</style>
<style lang="less" scoped>
@import "../../../../styles/commonCss.less";
    /deep/.bac-color{
        background: #edf2f9!important;
        font-weight: bold;
    }
</style>
